@media screen and (min-width:0px)  and  (max-width:1400px) {
	.about-content img{display: block; width: 100%;}
}


@media screen and (min-width:1200px)  and  (max-width:1400px)  {
	.container{width:96%;margin:0 auto}
	.banner .swiper-slide{background-position:center !important;background-size:120% !important;}
	
	
}







@media screen and (min-width:0px)  and  (max-width:1200px)  {
	.container{width:96%;margin:0 auto}

	
	/*手机头部*/
	.header{display:none;}
	.wap-header{display: block;}
	.wap-logo{margin:10px 0;}
	.wap-logo img{width:143px}
	.wap-header{height:77px;background:#fff;z-index: 99999;position: fixed; width: 100%; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
	.wap-nav{margin-top:20px;}
	.wap-button span{display: block;width:28px;height:3px; background: #003705;margin:7px 0}
	.wap-nav-con{ position: fixed;top:0;width:100%;left:0;height: 100vh; background: rgba(0,55,0,0.96);display: none;}
	.wap-nav-con ul{margin-top:19%}
	.wap-nav-con ul li{    padding: 1.5rem 0;
    width: 20%;
    border-bottom: solid 1px rgba(0,55,0,0.96);
    margin: 0 auto;}
	.wap-nav-con ul li a{display: block;color:#fff;text-align: center;font-size: 1.2rem !important;}
	.wap-nav-con ul li:hover {  border-bottom: solid 1px #fff;}
	.wap-nav-con ul li.on{border-bottom: solid 1px #fff;}
	.wap-nav-con .wap-close{font-size:30px;color:#fff; position: absolute;top:2%;right:2%;}
	.wap-headerzw{height: 77px;}
	
	/*首页banner*/
	.banner{height: 350px;}
	.banner .swiper-slide{background-position:center !important;background-size:120% !important;}
	
	/*连接理想客户，打造增长新动力*/
	.index-title{padding: 50px 0;}
	.index-title h2{font-size: 32px;}
	.index-title h3{font-size: 18px;}
	.index-title a{font-size: 26px;}
	.ys-list ul li .pic, .ys-list ul li .info{height: 300px;}
	.ys-list ul li .info p{max-width: 96%;}

	/*移动OA，协同更敏捷 */
	.oa .index-title{padding: 50px 0px;}
	.index-title strong{font-size: 20px;}
	
	/*帆软报表*/
	.report .index-title{padding: 60px 0 70px;}
	
	/*定制化开发*/
	.api{padding: 60px 0;}
	.api .pic{height: 300px;}
	
	
	/*超 100,000 家优秀企业已选择独角鲸 */
	.case{padding-bottom: 50px;}
	.case .index-title{padding: 50px 0 30px; text-align: center;}
	.case .index-title h3{max-width: 82%; margin: 0 auto;}
	.case-list{overflow: hidden;}
	.case-list ul {width: 100%;}
	.case-list ul li{float: left; width: calc(100%/3 - 4%); margin: 2%;background: #fff; padding: 20px 0;}
	.case-list ul li img{display: block; margin: 0 auto;}
	
	/*您想进一步了解我们吗*/
	.about .index-title{padding: 50px 0;}
	
	/*内页banner*/
	.ny-banner {height: 300px;}
	
	
	/*产品*/
	.oa ul li a{font-size: 18px; line-height: 50px;}
	.ny-api .nyindex-title a{padding-top: 40px;}
	
	
	/*价格*/
	.price{padding: 50px 0 0;}
	.price-list dl{padding-left: 1.5%;}
	.price-list dl em{font-size: 40px;}
	.problem-title h2{padding: 40px 0; font-size: 32px;}
	.problem-list dl dt{font-size: 1.3rem; line-height: 3.5rem;}
	
	/*地图*/
	#allmap{display: none;}
	#phonemap{display: block;    width: 100%;padding: 20% 0; margin: 50px 0;}

	.contact-title{margin-right: 10%;}
	.contact-list{width: 50%;}


	.ny-message form .text{width:45%}
	.ny-message form .text-area{width:88%}
	
	/*404页面*/
	.maintain .info .pic{margin:0 5% 0 8%; width: 30%;}
	.maintain .info .pic img{display: block; width: 100%;}
	.maintain .info em{padding:20% 0 5%; font-size: 38px;}
	.maintain .info a{font-size: 26px; line-height: 50px;}
}

@media screen and (min-width:0px)  and  (max-width:900px)  {
	.index-title h3{font-size: 15px;}
	/*连接理想客户，打造增长新动力*/
	.ys-list ul li{width: 100%;}
	.ys-list ul li .pic,.ys-list ul li .info{float: left; width: 50%; }
	.ys-list ul li .pic span{display: none;}
	.ys-list ul li .info{padding-top: 70px; height: 230px;}
	
	/*帆软报表*/
	.report .index-title{padding: 60px 0 40px; text-align: center; float: none;}
	.report .index-title a{padding-top: 60px;}
	
	/*超 100,000 家优秀企业已选择独角鲸 */
	.case .index-title h2{margin-bottom: 10px;}
	.case .index-title h3{max-width: 96%; margin: 0 auto;}
	
	/*公共底部*/	
	.foot-nav,.foot-icon{float: none;}
	.foot-nav,.foot-icon{width: 100%;}
	.foot-icon{text-align: center;}
	.foot-icon a{float: none; display: inline-block; margin: 0 11px;}
	.foot-icon .contact-qrcode{right:-100px}
	
	/*产品*/
	.oa ul li{width: calc(100%/3 - 1%); margin-bottom: 10px;}
	.ny-report .nyindex-title h3 {max-width: 98%; margin: 0 auto; line-height: 26px;}
	.ny-report .nyindex-title a{padding-top: 38px;}
	
	/*价格*/
	.price-list dl{width: calc(100%/2); text-align: center; padding-left: 0;}
	.price-list dl:nth-child(1),.price-list dl:nth-child(2){border-bottom: none;}
	.price-list dl:nth-child(3){border-left: solid 1px #e8e8e8;}
	
	/*联系我们*/
	.contact-title{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
	.contact-title h2{margin: 0 0 10px;}
	.contact-title h2:after{left: 50%; margin-left: -25px;}
	.contact-list{width: 60%;}
	.contact-wechat{margin-top: 30px;}
	
	/*404页面*/
	.maintain .info .pic{float: none; margin: 0 auto; width: 50%;}
	.maintain .info .text{float: none; text-align: center;}
	.maintain .info em{padding: 0; padding: 15px 0 25px;}
	.maintain .info a{margin: 0 auto;}
	
}

@media screen and (min-width:0px)  and  (max-width:700px)  {

	
	/*定制化开发*/
	.api {padding: 0 0 50px;}
	.api .index-title{padding: 50px 0;}
	.api .index-title,.api .pic{float: none;}
	.api .index-title{text-align: center;}
	.api .pic{width: 100%; height: 190px; background-size: 100%;}
	
	/*超 100,000 家优秀企业已选择独角鲸 */
	.case-list ul li{float: left; width: calc(100%/2 - 4%); margin:20px 2%; }
	
	/*产品*/
	.ny-report{margin-bottom: 50px;}
	.ny-api{padding: 0;}


	/*地图*/
	#phonemap{display: block;    width: 100%;padding: 40% 0; margin: 30px 0;}
	
	
	
}	
@media screen and (min-width:0px)  and  (max-width:600px)  {
	/*首页banner*/
	.banner{height: 200px;}
	.banner .swiper-slide{background-position:center !important;background-size:120% !important;}
	
	/*连接理想客户，打造增长新动力*/
	.index-title,.oa .index-title,.api .index-title,.case .index-title{padding: 30px 0;}
	.index-title h2{font-size: 22px;}
	.index-title h3{font-size: 14px;}
	.ys-list{border-bottom: solid 1px #ccc;}
	.ys-list{width: 96%; margin: 0 auto;}
	.ys-list ul li{width: 100%; min-height: 400px;}
	.ys-list ul li .pic,.ys-list ul li .info{float: none; width: 100%;display: block;}
	.ys-list ul li .pic{height: 200px; } 
	.ys-list ul li .info{height: auto; padding: 30px 0;}
	.ys-list ul li .info p {max-width: 100%;}
	.ys-list ul li.item2 {position: relative;}
	.ys-list ul li.item2 .pic{position: absolute; top: 0;}
	.ys-list ul li.item2 .info{position: absolute; top: 200px;}
	
	/*移动OA，协同更敏捷 */	
	.index-title strong{font-size: 16px; padding: 8px 0 20px;}
	.index-title a{font-size: 20px;    padding-top: 30px;}
	
	.report .index-title a {padding-top: 30px;}
	
	/*您想进一步了解我们吗*/
	.about .index-title h2{margin-bottom: 30px;}
	.about .index-title .about-more{width: 140px; line-height: 40px; font-size: 16px;}
	

	/*内页banner*/
	.ny-banner{height: 200px; background-size: 200%;}

	
	/*产品*/
	.oa ul {width: 100%;}
	.oa ul li{width: calc(100%/2 - 4%); margin: 0 2% 10px;}
	.oa ul li a{font-size: 15px; line-height: 45px;}
	
	/*价格*/
	.price{padding: 40px 0 0;}
	.price-list dl h3{font-size: 22px;}
	.problem-title h2{padding: 30px 0; font-size: 22px;}
	.problem-list dl dt{font-size: 1rem; line-height: 3rem; background-size: 4%}
	.problem-list dl dd{font-size: 0.8rem;}
	.problem-list dl dt.add{    background-size: 4%;}
	

	.ny-message form .text{width:98%}
	.ny-message form .text-area{width:84%}
	
	/*404页面*/
	.maintain .info em{font-size: 27px;}
	.maintain .info a{margin: 0 auto; font-size: 20px; width: 210px;}
}

@media screen and (min-width:0px)  and  (max-width:500px)  {
	.case-list ul li img{width: 100%;}
	
	/*公共底部*/	
	.foot{padding: 0px 0 30px;}
	.foot-nav{display: none;}
	.foot p{ width: 96%; margin: 20px auto 0; text-align: center;}
	
	/*价格*/
	.price-list dl em{font-size: 36px;}
	
	/*联系我们*/
	.contact-title, .contact-list{float: none;}
	.contact-list{width: 100%;}
	.contact-wechat{display: block;     margin: 30px auto 0; float: none;}

	
}


@media screen and (min-width:0px)  and  (max-width:400px)  {
	/*内页banner*/
	.ny-banner{ background-size: 300%;}
	
	/*价格*/
	.price-list dl{width: 100%; border:solid 1px #e8e8e8; margin-bottom: 30px;min-height: auto;}
	.price-list dl:last-child{margin-bottom: 0;}
	.price-list dl:nth-child(1),.price-list dl:nth-child(2){border-bottom: solid 1px #e8e8e8;}
	.price-list dl dt{padding: 30px 0;}
	.price-list dl .info{height: auto; margin-bottom: 10px;}
	.price-list dl strong,.price-list dl h3{padding-bottom: 30px;}
	
}